{%extends 'base.html'%}
{%load i18n%}
{% block title %}{%trans 'just liuda liuda '%}{% endblock %}
{%block page_style %}
<link type='text/css' rel='stylesheet' href='{{STATIC_URL}}styles/index.css' />

{%endblock%}
{% block contentclass %}index{% endblock %}
{% block content %}
<section class='wrapper_layout columns_a'>
<div class='column_left'>
<a href='{{globalinfo.abouturl}}' class='hero_link'>
<img src='{{STATIC_URL}}images/demo.jpg'></a>
</div>
<div class='column_right'>
<div class='intro'>
<hgroup class='titles'>
{%blocktrans%}
<h1>
<mark>Hi!</mark>Here is zbg-zzh
</h1><h2>just a test text goes here...
</h2>
{%endblocktrans%}
</hgroup>
<a href="{{globalinfo.registerurl}}" class="btn large primary ">Join for Free</a><div class="video-link">
        Explore the Web with over 25M members
    </div>
</div>
</div>
</section>
<div class='promo_columns'>
<div class='columns'>
<h1 class='cols_title'>How liuda Works:</h1>
<section class='column first-col'>
<hgroup>
    <h1>
        <span class='number'>1.</span>
        bular blular
    </h1>
    <h2>
    bular blularbular blularbular blularbular blular
    </h2>
</hgroup>
<img src='http://b9.sustatic.com/NjtOvOIC81knb66z8vKbmw'><!--TODO-->
</section>
<section class='column stumble'>
<hgroup>
    <h1>
        <span class='number'>2.</span>
        bular blular
    </h1>
    <h2>
    bular blularbular blularbular blularbular blular
    </h2>
</hgroup>
<img src='http://b9.sustatic.com/NjtOvOIC81knb66z8vKbmw'><!--TODO--></section>
<section class='column explore-box'>
<hgroup>
    <h1>
        <span class='number'>3.</span>
        bular blular
    </h1>
    <h2>
    bular blularbular blularbular blularbular blular
    </h2>
</hgroup>
<img src='http://b9.sustatic.com/NjtOvOIC81knb66z8vKbmw'><!--TODO--></section>
</div>
</div>
{% endblock %}
